﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>快件e栈服务平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/notice.js}"></script>
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
    <link rel="stylesheet" th:href="@{/css/normalize.css}"></link>
    <link rel="stylesheet" th:href="@{/css/main.css}"></link>

</head>
<body>
<div class="content">
    <div class="top autoH">
        <div class="logo autoH">
            <img src="/images/logo.png" width="100%">
        </div>
    </div>
    <div class="middle">
        <form id="theForm">
            <div class="forminput">
                <input type="text" id="expressNum" name="expressNum" placeholder="请输入快递单号...">
                <input id="PageContext" type="hidden" value="${pageContext.request.contextPath}"/>
                <div class="submBtn" onclick="findExpressByNumber()"></div>
            </div>
        </form>
    </div>
    <div class="funContdiv">
        <div class="funCont">
            <div class="userFun">
                <p class="funIcon userFunColor1"></p>
                <p class="funTxt">个人中心</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor2"></p>
                <p class="funTxt">懒人排行</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor3"></p>
                <p class="funTxt">取货二维码</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor4"></p>
                <p class="funTxt">我的快件</p>
            </div>

            <div class="userFun" id="assistantDiv">
                <p class="funIcon userFunColor5"></p>
                <p class="funTxt">快递助手</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor6"></p>
                <p class="funTxt">退出登录</p>
            </div>
        </div>
    </div>

    <div class="footer">
        <p class="copytxt">&copy;毕业设计</p>
    </div>
</div>
<script type="text/javascript">
    var isUser;
    var userPhone;
    $(function () {
        userInfo();
    })
    var userInfo = function () {
        $.get("/e/wx/userInfo", null, function (data) {
            //{status:0/1,result:手机号}
            userPhone = data.data.phone;
            if (data.code == 0) {
                isUser = true;
                $("#assistantDiv").hide();
            } else {
                isUser = false;
            }
            layer.msg("欢迎您:" + userPhone);
        })
    }
    $(function () {
        var pageContextVal = $("#PageContext").val();
        $(".userFun").click(function () {
            var clickNum = $(this).index();
            switch (clickNum) {
                //个人中心
                case(0):
                    window.location.href = "/e/wxUserhome";
                    break;
                case(1):
                    window.location.href = "/e/lazyboard";
                    break;
                case(2):
                    window.location.href = "/e/wx/createQrcode/user";
                    break;
                case(3):
                    window.location.href = "/e/expressList";
                    break;
                case(4):
                    window.location.href = "/e/expressAssist";
                    break;
                case(5):
                    window.location.href = "/e/logout";
                    break;
            }
        });

        var initFunc = function () {
            var windowH = $(document).height();
            var windowW = $(document).width();

            $(".content").css({"height": windowH + "px"});

            var contentW = $(".content").width();
            var contentH = $(".content").height();

            var contH = windowH / 3;
            $(".autoH").css({"height": contH + "px"});

            // userFunH  content
            var middleH = $(".middle").height() + 40;
            var userFunH = contentH - contH - middleH - 30 - 20; //footer,userfun(margin)
            $(".funContdiv").css({"height": userFunH + "px"});

            var funIconH = $(".funIcon").width();
            $(".funIcon").css({
                "height": funIconH + "px",
                "line-height": funIconH + "px",
                "border-radius": funIconH / 2 + "px",
                "font-size": funIconH / 2 + "px"
            });

        };

        initFunc();

        $(window).resize(function () {
            initFunc();
        });

        // input focus
        $(".middle .forminput input").focus(function () {
            $(".middle .forminput").css({
                "border": "1px solid rgba(31,114,255,.75)",
                "box-shadow": "0 0 8px rgba(31,114,255,.5)"
            });
        });

        // input blur
        $(".middle .forminput input").blur(function () {
            $(".middle .forminput").css({"border": "1px solid #333333", "box-shadow": "none"});
        });

        //submit arrow
        $(".submBtn").click(function () {
            var expressNum = $("#expressNum").val();//快递单号
            $.ajax({
                type: 'GET',
                url: pageContextVal + '/ul/indexQueryExpress',
                data: {'expressNum': expressNum},
                dataType: "json",
                success: function (data) {
                    var jsontmp = data;
                    switch (jsontmp.code) {
                        case "1" :
                            rzAlert("操作提示", jsontmp.message);
                            break;
                        case "0" :
                            rzAlert("操作提示", jsontmp.message);
                            break;
                    }
                },
                error: function () {

                }
            });
        });


    });

    function findExpressByNumber() {
        var number = $("#expressNum").val();
        if ("" == number) {
            layer.msg("单号不能为空")
        } else {
            window.location.href = "/e/toExpressByNumber/" + number;
            // $.post("/expressByNumber.html?number="+number+"",{number:number},function (data){
            // });
        }
    }
</script>
</body>
</html>